<!--
 * @Description: ...
 * @Author: yangli 121029539@qq.com
 * @Date: 2025-02-06 11:23:56
 * @LastEditTime: 2025-02-13 15:19:01
 * @LastEditors: yangli 121029539@qq.com
 * @FilePath: \uniapp\src\pagesshopcenter\yongjin.vue
-->
<template>
    <view class="bg-page ">
      <view class="page-list   mt-[10px]  ">
            <z-paging auto-show-back-to-top ref="paging" v-model="dataList" @query="queryList" :fixed="false"
                height="100%">
            <view class=" border-solid border-0 border-b border-[#f5f5f5] bg-white p-[32rpx]  " 
                v-for="(item, index) in dataList" :key="index">
                <view class="flex flex-row items-start ">
                    <image 
                            src="/static/images/repair/business.png"
                        class="w-[120rpx] h-[120rpx]"
                    ></image>
                    
                    <view class="flex flex-col flex-1 ml-[10px]">
                        <view class="mb-[10rpx] flex flex-row justify-between items-center self-stretch text-base">
                            <view class="font-semibold self-center text-[32rpx] text-main">
                                <view class="text-main mb-[10rpx]">NO.12323231321</view>
                                <view class="text-main ">王磊</view>
                            </view>
                                <view class="  text-error text-[32rpx]">
                            +9.01
                        </view>
                        </view>
                        <view class="self-start  text-base text-muted">
                            2020-05-05 20:05:05
                        </view>
                        
                        </view>
                </view>
            </view>
            </z-paging>

        </view>
    </view>
</template>

<script setup lang="ts">
import { yongjinDetail} from '@/api/repair'
import {onLoad,onShow, onPageScroll} from "@dcloudio/uni-app";
import {computed, reactive, ref, shallowRef} from 'vue'
import {useAppStore} from '@/stores/app'
import { useUserStore } from '@/stores/user'

const appStore = useAppStore()
const userStore = useUserStore()
const token = computed(() => userStore.token)
const tabList = [{ name: '全部' }, { name: '提现中' }, { name: '已提现' }]

const current = ref<number>(0)
const paging = shallowRef<any>(null)
const dataList = ref<any[]>([])
const state = reactive({
    
})
const mock_list = [
    {
        id:1,
    },
    {
        id:2,
    },
    {
        id:3,
    }
]
const init = async () => {
    // const data = await getCleanRecord()
    dataList.value = mock_list
}

const queryList = async (page_no: number = 1, page_size: number = 10) => {
    try {
        // const { lists } = await yongjinList({
        //     page_no,
        //     page_size,
        // })
        // paging.value.complete(lists)
        paging.value.complete(mock_list)
    } catch (e) {
        console.log('报错=>', e)
        paging.value.complete(false)
    }
}

onLoad(() => { 
 })
</script>

<style lang="scss" scoped>

</style>
